---
type: tutorial
unitTitle: Создание и развертывание вашего первого сайта Astro
title: 'Чек-ин: Модуль 1 - Настройка'
description: >-
  Учебное пособие: Создайте свой первый блог на Astro —

  Подготовьте среду разработки, создайте и разверните свой первый Astro сайт
i18nReady: true
---
import Badge from '~/components/Badge.astro';
import Checklist from '~/components/Checklist.astro';
import Box from '~/components/tutorial/Box.astro';
import { Steps } from '@astrojs/starlight/components';

Теперь, когда вы знаете, что будете создавать, пришло время настроить все необходимые инструменты! 

В этом модуле мы покажем вам, как настроить среду разработки и развернуть сайт на Netlify. Переходите к [Модулю 2](/ru/tutorial/2-pages/), если вы уже освоились с окружением и рабочим процессом.

:::tip[Использование StackBlitz]

Хотите завершить это пособие в онлайн-редакторе кода?

<details>
<summary>Следуйте этим инструкциям, а затем переходите непосредственно к Модулю 2!</summary>

**Настройте StackBlitz**

<Steps>
1. Перейдите на [astro.new](https://astro.new) и нажмите кнопку, чтобы открыть шаблон "Empty Project" в StackBlitz.

2. Нажмите «Sign in» в правом верхнем углу, чтобы войти, используя учетные данные GitHub.

3. В верхнем левом углу окна редактора StackBlitz нажмите "fork" (скопировать) шаблона (сохранить в свою учетную запись).

4. Подождите, пока проект загрузится, и вы увидите живой предварительный просмотр стартера "Empty Project".
</Steps>

**Внесите изменения**

В панели файлов вы должны увидеть `src/pages/index.astro`. Нажмите, чтобы открыть его, и следуйте [Напишите свою первую строку в Astro](/ru/tutorial/1-setup/3/), чтобы внести изменение в этот файл.

**Создайте репозиторий на GitHub**

<Steps>
1. Нажмите кнопку <kbd>Connect Repository</kbd> в верхней части списка файлов, введите новое имя для своего репозитория и нажмите <kbd>Create repo & push</kbd>.

2. Когда у вас будут изменения для отправки обратно на GitHub, в верхнем левом углу вашего рабочего пространства появится кнопка "Commit". Нажав на неё, вы сможете ввести сообщение о коммите и обновить свой репозиторий.
</Steps>

**Разверните ваш сайт**

Если вы хотите развернуть сайт на Netlify, переходите к [Разместите свой сайт в Интернете](/ru/tutorial/1-setup/5/).
В противном случае перейдите к [Модулю 2](/ru/tutorial/2-pages/), чтобы начать создавать с Astro!

</details>
:::

### Что мы сделаем?

В этом модуле вы **создадите новый проект**, который **будет храниться на GitHub** и **подключен к Netlify**. 

По мере написания кода вы будете периодически фиксировать свои изменения на GitHub. Netlify будет использовать файлы в вашем репозитории GitHub для создания вашего сайта, а затем опубликует его в Интернете по уникальному адресу, где любой желающий сможет его просмотреть.

Каждый раз, когда вы фиксируете изменения на GitHub, в Netlify отправляется уведомление. Затем Netlify автоматически пересоздаст и снова опубликует ваш сайт, чтобы отобразить эти изменения.



<Box icon="check-list">
## Чек-лист

<Checklist>
- [ ] Я готов подготовить среду разработки для проекта Astro!
</Checklist>
</Box>